<html>
<head>
<title>Google Maps</title>
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/standard.css" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url(); ?>assets/css/master.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/floatobject.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/css/chrometheme/chromestyle.css" />
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/chrome/chrome.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/gmap_utils.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/json2.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/transjogja.map.js"></script>
<script type="text/javascript">
base_url = "<?php echo base_url(); ?>";
</script>
</head>
<body onload="initialize()">
<div class="chromestyle" id="chromemenu">
<ul>
<li><a href="<?php echo base_url(); ?>">Home</a></li>
<li><a href="#" rel="dropmenu1">Jalur</a></li>
<li><a href="#" rel="dropmenu2">POI</a></li>
<li><a href="#" rel="dropmenu3">Pengaturan</a></li>	
</ul>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
<a href="#">Tambah Jalur</a>
<a href="#">Ubah Jalur</a>
<a href="#">Daftar Jalur</a>
</div>

<!--2nd drop down menu -->                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
<a href="#">Tambah POI</a>
<a href="#">Ubah POI</a>
<a href="#">Daftar POI</a>
</div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
<a href="#">Jalur</a>
<a href="#">POI</a>
<a href="#">Lainnya</a>
</div>


<script type="text/javascript">

cssdropdown.startchrome("chromemenu");

</script>

<div id="petaku" style="width:100%; height:100%"></div>
</body>
</html>